<template>
    <div class="block">
        <div class="whitespace"></div>
        <div class="block2">
            <span class='name'>{{title}}</span>
            <span class="knowmore" v-if="show">查看更多</span>
        </div>
        <div class='line'></div>
        <div class="whitespace"></div>
    </div>
</template>
  
<script >
    export default{
        props:{
            show:Boolean,
            title:String
        }
        
    }


</script>
  
<style scoped>
    .block2{
        width: 100%;
        position: relative;
    }
    .knowmore{
        
        color: #0193dc;
        text-decoration: underline;
        /* margin-left: 50%;
        margin-right: 20%; */
        position: absolute;
        right: 10%;
        bottom: 2px;
    }
    .block{
        width: 100%;
        background-color: white
    }
    .whitespace{
        width: 100%; 
        height: 20px;
    }
    .name{
        color: black;
        margin-left: 10%;
        font-size: 0.5rem;
        font-weight:550;
    }
    .line{
        background-color: #d2e0ea;
        width: 80%;
        height: 1px;
        margin-left: 10%;
    }
</style>
  